<!DOCTYPE html>
<html lang="zh">

<head>
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta charset="utf-8">
    <title>定制列表</title>
    <meta name="keywords" />
    <meta name="description" />
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/aos.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" href="./css/creative.css">
</head>

<body>
    <div class="home">


        <div class="header  animated fadeIn">
            <div class="box">
                <div class="l">
                    <a href="./index.html" class="logo">
                        <img src="./images/logo.svg" alt="">
                    </a>
                    <div class="links">
                        <a href="./products.html">Catalogue</a>
                        <a href="./creative.html" class="active">Creative</a>
                        <a href="./about.html">About</a>
                        <a href="./contact.html">Contact</a>
                    </div>
                </div>
                <div class="r">
                    <a href="">CN/EN</a>
                </div>
            </div>
        </div>

        <div class="pheader">
            <div class="menu">
                <a href="./index.html" target="_self" class="animated fadeInUpLeft">
                    <img src="./images/logo.svg" alt="">
                </a>
                <div class="navbox">
                    <div class="line"></div>
                    <div class="line"></div>
                    <div class="line"></div>
                </div>
            </div>
        </div>
        <div class="menuList">
            <div class="item">
                <div class="tb">
                    <a href="./products.html">Catalogue</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./creative.html">Creative</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./about.html">About</a>
                </div>
            </div>
            <div class="item">
                <div class="tb">
                    <a href="./contact.html">Contact</a>
                </div>
            </div>
        </div>

        <div class="topbg" aos="fade-left">
            <img src="./images/pbg1.png" alt="">
        </div>

        <div class="cbg" aos="fade-right">
            <img src="./images/pbg2.png" alt="">
        </div>

        <div class="section1">
            <div class="t" aos="fade-up">Creative Products</div>
            <div class="des" aos="fade-up" style="transition-delay: 200ms;">
                Design a satisfactory product requires the perfect cooperation of technological process and mold.Ningbo
                Yunbang Commodities Technology Co. Ltd. has a set of complete process, mold team to cooperate with
                designers to make innovative and challenging products, mold precision and a high degree of automation
                equipment cooperation, reducing the product defect rate, avoid the appearance of raw edges, so that the
                product can be 1:1 landing. Then through the test, coupled with exquisite technological process, to
                achieve customer satisfaction.
            </div>
        </div>


        <div class="section2">
            <div class="bg">
                <img src="./images/cpbg.png" alt="">
            </div>
            <div class="allItesm">
                <div class="item">
                    <div class="pic" aos="fade-up">
                        <img src="./images/cp1.png" alt="">
                    </div>
                    <div class="text">
                        <p class="p1" aos="fade-up" style="transition-delay: 100ms;">airless bottle</p>
                        <p class="p2" aos="fade-up" style="transition-delay: 200ms;">YB002</p>
                        <div class="info" aos="fade-up" style="transition-delay: 100ms;">
                            <div class="i1">
                                <p class="pt">Capacity: </p>
                                <div class="tags">
                                    <p>120ml</p>
                                    <p>100ml</p>
                                    <p>50ml</p>
                                </div>
                            </div>
                            <div class="i1">
                                <p class="pt">Discharge Capacity:</p>
                                <div class="tags">
                                    <p>0.25cc</p>
                                </div>
                            </div>
                            <div class="i1">
                                <p class="pt">Technology Process: </p>
                            </div>
                        </div>
                        <div class="des" aos="fade-up" style="transition-delay: 400ms;">
                            Plastic frosting is a surface treatment process commonly used in plastic products, by covering
                            the surface of the plastic parts with a layer of sand, after hot pressing, the sand and the
                            plastic surface together to form a surface effect of imitation stone texture, improve the beauty
                            and touch sense. At the same time. the frosting can also play a role in anti一slip. anti一fouling,
                            anti一scratch and other effects, greatly improving the quality and reliability of plastic parts.
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="pic" aos="fade-up">
                        <img src="./images/cp2.png" alt="">
                    </div>
                    <div class="text">
                        <p class="p1" aos="fade-up" style="transition-delay: 100ms;">airless bottle</p>
                        <p class="p2" aos="fade-up" style="transition-delay: 200ms;">Ungrouped</p>
                        <div class="info" aos="fade-up" style="transition-delay: 100ms;">
                            <div class="i1">
                                <p class="pt">Capacity: </p>
                                <div class="tags">
                                    <p>120ml</p>
                                    <p>100ml</p>
                                    <p>50ml</p>
                                </div>
                            </div>
                            <div class="i1">
                                <p class="pt">Discharge Capacity:</p>
                                <div class="tags">
                                    <p>0.25cc</p>
                                </div>
                            </div>
                            <div class="i1">
                                <p class="pt">Technology Process: </p>
                            </div>
                        </div>
                        <div class="des" aos="fade-up" style="transition-delay: 400ms;">
                            Spraying is a common surface treatment process in plastic products, which can make the surface
                            of plastic products beautiful and increase the added value of products. The spraying process
                            includes surface treatment, primer spraying, top coating spraying and curing.
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="pic" aos="fade-up">
                        <img src="./images/cp3.png" alt="">
                    </div>
                    <div class="text">
                        <p class="p1" aos="fade-up" style="transition-delay: 100ms;">airless bottle</p>
                        <p class="p2" aos="fade-up" style="transition-delay: 200ms;">Ungrouped</p>
                        <div class="info" aos="fade-up" style="transition-delay: 100ms;">
                            <div class="i1">
                                <p class="pt">Capacity: </p>
                                <div class="tags">
                                    <p>120ml</p>
                                    <p>100ml</p>
                                    <p>50ml</p>
                                </div>
                            </div>
                            <div class="i1">
                                <p class="pt">Discharge Capacity:</p>
                                <div class="tags">
                                    <p>0.25cc</p>
                                </div>
                            </div>
                            <div class="i1">
                                <p class="pt">Technology Process: </p>
                            </div>
                        </div>
                        <div class="des" aos="fade-up" style="transition-delay: 400ms;">
                            Plastic frosting is a surface treatment process commonly used in plastic products, by covering
                            the surface of the plastic parts with a layer of sand, after hot pressing, the sand and the
                            plastic surface together to form a surface effect of imitation stone texture, improve the beauty
                            and touch sense. At the same time. the frosting can also play a role in anti一slip. anti一fouling,
                            anti一scratch and other effects, greatly improving the quality and reliability of plastic parts.
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="section3" aos="fade-up">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="pic">
                            <img src="./images/pro1.png" alt="">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="pic">
                            <img src="./images/pro2.png" alt="">
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="pic">
                            <img src="./images/pro3.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="section4">
            <div class="btn" aos="fade-up" aos-delay="200">
                <div class="common_button">
                    <span class="dot"></span>
                    <span class="text">View More</span>
                </div>
            </div>
        </div>

        <div class="section_bg">
            <p class="p1" aos="fade-up">Contact Us</p>
            <div class="des" aos="fade-up" style="transition-delay: 200ms;">
                NINGBO YUNBANG COMMODITIES TECHNOLOGY CO., LTD.<br>
                Professional cosmetic packaging manufacturer. Explore more of our details.
            </div>
            <a class="button noset" aos="fade-up" aos-delay="400" href="./contact.html">
                <span class="dot"></span>
                <span class="text">Contact Now</span>
            </a>
        </div>



        <div class="foot">
            <div class="dom1">
                <div class="item">
                    <p class="p1">Products</p>
                    <div class="aList">
                        <a href="">airless bottle series</a>
                        <a href="">lotion pump</a>
                        <a href="">Airless pump</a>
                        <a href="">sprayer pump</a>
                        <a href="">dropper</a>
                        <a href="">cream Jar series</a>
                        <a href="">Glass bottle series</a>
                    </div>
                </div>
                <div class="item">
                    <p class="p1">Creative Product</p>
                    <div class="aList">
                        <a href="">Surface treatment process</a>
                        <a href="">Product color matching</a>
                        <a href="">Design concept</a>
                    </div>
                </div>
                <div class="item">
                    <p class="p1">About Us</p>
                    <div class="aList">
                        <a href="">Profile</a>
                        <a href="">Culture</a>
                        <a href="">Workspace</a>
                        <a href="">Exhibition</a>
                    </div>
                </div>
                <div class="r">
                    <p class="p1">Contact</p>
                    <div class="des">
                        <p>Wechat/WhatsApp: +86 13486448648</p>
                        <p>Emali: 605109526@qq.com hz970207@gmail.com </p>
                        <p>Alibaba: https://yunbangryp.en.alibaba.com</p>
                    </div>
                    <div class="form">
                        <input type="text" placeholder="Enter Your Email">
                        <a href="">Subsribe</a>
                    </div>
                    <div class="icons">
                        <a href="https://www.facebook .com/profile.php?id=100062550642717&mibextid=LQQJ4d" target="_blank">
                            <img src="./images/f1.svg" alt="">
                        </a>
                        <a href="http://linkedin.com/in/noah-zhang-aba832204" target="_blank">
                            <img src="./images/f2.svg" alt="">
                        </a>
                        <a href="https://x.com/Noah_Hao7" target="_blank">
                            <img src="./images/f3.svg" alt="">
                        </a>
                        <a  href="https://www.instagram.com/noah_hao?igsh=eWNreTdrZ3phag%3D%3D&utm_source=qr" target="_blank">
                            <img src="./images/f4.svg" alt="">
                        </a>
                    </div>
                </div>
            </div>
            <div class="dom2">
                <div class="l">
                    COPYRIGHT O 2024 LIGHTSPACE INTERNATIONAL AG.
                </div>
                <div class="r">
                    <a href="">Terms and Conditions Privocy Policy</a>
                </div>
            </div>
        </div>

    </div>
    <script src="./js/jquery-1.11.0.min.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/gsap.min.js"></script>
    <script src="./js/aos.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/countUp.js"></script>
    <script>

        var swiper = new Swiper('.swiper-container', {
            speed: 1000,
            init: true,
            loop: true,
            slidesPerView: 1.8,
            slideToClickedSlide: true,
            initialSlide: 1,
            centeredSlides: true,
            spaceBetween: 20,
            autoplay: {
                delay: 3000,
                stopOnLastSlide: false,
                disableOnInteraction: false,
            },
            breakpoints: {
                1024: {  //当屏幕宽度大于等于1280
                    slidesPerView: 3,
                }
            }
        });

        var html=`<div class="item animated fadeInUp">
                    <div class="pic">
                        <img src="./images/cp1.png" alt="">
                    </div>
                    <div class="text">
                        <p class="p1" >airless bottle</p>
                        <p class="p2">YB002</p>
                        <div class="info">
                            <div class="i1">
                                <p class="pt">Capacity: </p>
                                <div class="tags">
                                    <p>120ml</p>
                                    <p>100ml</p>
                                    <p>50ml</p>
                                </div>
                            </div>
                            <div class="i1">
                                <p class="pt">Discharge Capacity:</p>
                                <div class="tags">
                                    <p>0.25cc</p>
                                </div>
                            </div>
                            <div class="i1">
                                <p class="pt">Technology Process: </p>
                            </div>
                        </div>
                        <div class="des">
                            Plastic frosting is a surface treatment process commonly used in plastic products, by covering
                            the surface of the plastic parts with a layer of sand, after hot pressing, the sand and the
                            plastic surface together to form a surface effect of imitation stone texture, improve the beauty
                            and touch sense. At the same time. the frosting can also play a role in anti一slip. anti一fouling,
                            anti一scratch and other effects, greatly improving the quality and reliability of plastic parts.
                        </div>
                    </div>
                </div>`;

        $('.section4 .btn').click(function(){
            $('.section2 .allItesm').append(html)
            $('.section2 .allItesm').append(html)
            $('.section2 .allItesm').append(html)
        })

    </script>
</body>

</html>